<template>
	<span class="arrow-txt" :class="'c-title-' + size" :style="style">
		{{ props.txt.includes("-") ? props.txt : "+" + props.txt }}
	</span>
</template>

<script lang="ts" setup>
import { computed } from "vue";

const props = defineProps({
	txt: {
		type: String,
		default: ""
	},
	up: Boolean,
	size: Number
});

const style = computed(() => {
	return {
		color: props.up ? "#0DCB81" : "#F6475D"
		// fontSize: props.size ? props.size + "px" : "12px"
	};
});
</script>

<style lang="less" scoped>
.icon-xiangshang {
	transform: rotate(135deg);
}
.up {
	transform: rotate(45deg);
}
</style>
